<!-- base.html -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}图书管理系统{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>

<!-- book_list.html 继承base.html -->
{% extends "base.html" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
    <h1>{{ title }}</h1>
    <!-- 书籍列表内容 -->
{% endblock %}


<!-- 包含导航栏组件 -->
{% include "navbar.html" %}

<!-- 书籍内容 -->
<div class="book-content">
    <!-- 主体内容 -->
</div>

<!-- 包含页脚组件 -->
{% include "footer.html" %}


<!-- 在book_form.html的表单中 -->
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">保存</button>
</form>


{% comment %}
    这个表单使用了ModelForm自动生成
    包含书名、作者、出版日期和描述字段
{% endcomment %}
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">提交</button>
</form>


<!-- 控制HTML转义 -->
{% autoescape off %}
    <p>{{ book.description }}</p>  {# 允许description中的HTML标签生效 #}
{% endautoescape %}

{% autoescape on %}
    <p>{{ book.title }}</p>  {# 转义title中的特殊字符 #}
{% endautoescape %}


{% with latest_book=books.0 %}
    {% if latest_book %}
        <p>最新书籍: {{ latest_book.title }}</p>
    {% endif %}
{% endwith %}


<!-- 显示Vue/Angular等模板语法而不被Django解析 -->
{% verbatim %}
<div>{{ book.title }}</div>  {# 这部分会原样显示，不被Django处理 #}
{% endverbatim %}